<template>
  <div class="top">
    <!-- 返回搜索按钮 -->
    <van-nav-bar  left-arrow @click-left="backHome" @click-right="searching" right-text="搜索">
      <template #title>
         <van-search
      shape="round"
      placeholder="请输入搜索关键词"
    />
      </template>
    </van-nav-bar>
    <!-- 提示内容 -->
    <van-popup v-model="show">暂无搜索数据</van-popup>
  </div>
</template>

<script>
import Vue from "vue";
import { Search, NavBar, Popup } from "vant";

Vue.use(Search);
Vue.use(NavBar);
Vue.use(Popup);
export default {
  data() {
    return {
      show: false,
    };
  },
  methods: {
    backHome() {
      this.$router.back();
    },
    searching() {
      this.show = true;
    },
  },
};
</script>

<style>

</style>